
.upload{
    padding:0 0.3rem;
}
.upload li{
    float:left;
    margin-left:0.45rem;
    width:2rem;
    
}
.upload li:first-child{
    margin-left:0;
}
.upload li .up_img{
    position:relative;
    line-height:1;
}
.upload li .up_img img{
    width:2rem;
    height:1.5rem;
    vertical-align:top;
}
.upload li .shadd{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.1);
}
.upload li .shadd .progress_bd{
    position: relative;
    margin-left: 10%;
    width: 80%;
    margin-top: 35%;
    height: 0.1rem;
    border: 1px solid  #fff;
    background-color: #ccc;
    border-radius: 0.1rem;
}
.upload li .shadd .progress_bd .progress_sp{
    position: absolute;
    left: -1px;
    top: -1px;
    width: 0;
    height: 0.1rem;
    border: 1px solid #fff;
    border-radius: 0.1rem;
    background-color: #fff;
}
.upload li .up_t{
    padding:0.25rem 0;
    line-height:0.3rem;
    text-align:center;
    color:#969696;
    font-size:0.24rem;
}
.upload li.square{
    width:1.5rem;
}

.upload li.square .up_img img{
    width:1.5rem;
    height:1.5rem;
}


